<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../css/shopping.css">
    <title>购物车</title>
    <script src="../js/shopping.js" type="module"></script>
</head>
<body>
    <div class="shopping">
        <div class="header">
            <div class="bx clear">
                <div class="header-logo">
                    <img src="../img/logo.png">
                </div>
                <div class="header-left">
                    <h2>我的购物车</h2>
                    <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
                </div>
                <div class="header-right">
                    <a href="../html/login.html">登录</a>
                    <span>|</span>
                    <a href="../html/login.html">注册</a>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="bx">
                <div class="main-container">
                    <div class="shopping-list">
                        <div class="list-head clear">
                            <div class="check">
                                 <input type="checkbox" class="choice"  >
                      
                                 全选
                            </div>
                            <div class="kong">&nbsp;</div>
                            <div class="product-name">商品名称</div>
                            <div class="price">单价</div>
                            <div class="num">数量</div>
                            <div class="total">小计</div>
                            <div class="action">操作</div>
                        </div>
                        <div class="list-body">
                            <div class="list-item">
                                <!-- <div class="item-box">
                                    <div class="item-content">
                                        <div class="item-row">
                                            <div class="check">
                                                <span></span>
                                            </div>
                                            <div class="img">
                                                <a href="javascript:;">
                                                    <img src="../img/smart-content-5.jpg" alt="">
                                                </a>
                                            </div>
                                            <div class="name">
                                                <h3><a href="javascript:;">米家显示挂灯 黑色</a></h3>
                                            </div>
                                            <div class="price">59元</div>
                                            <div class="num-box">
                                                <div class="num">
                                                    <a href="javascript:;">-</a>
                                                    <input type="text">
                                                    <a href="javascript:;">+</a>
                                                </div>
                                            </div>
                                            <div class="total">59元</div>
                                            <div class="action">
                                                <a class="del" href="javascript:;">
                                                    <span>x</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                        <div class="nothing"></div>
                        <div class="settlement clear">
                            <div class="section-left">
                                <a href="javascript:;">继续购物</a>
                                <span class="shopping-total">
                                    共
                                    <span class="shopping-span1"></span>
                                    件商品,已选择
                                    <span class="shopping-span1"></span>
                                    件
                                </span>
                            </div>
                            <div class="total-price">
                                合计：
                                <span></span>
                                元
                                <a href="javascript:;">去结算</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shopping-recommend">
                    <h2 class="recommend-title">
                        <span>买购物车中商品的人还买了</span>
                    </h2>
                    <div class="recommend-body">
                        <ul class="recommend-list clear">
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-1.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-2.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-10.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-4.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-5.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-6.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-7.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-8.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-9.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                            <li class="recommend-item">
                                <a href="javascript:;">
                                    <img src="../img/smart-content-10.jpg" alt="">
                                    <div class="recommend-name">
                                        米家显示挂灯 黑色
                                    </div>
                                    <div class="recommend-price">199元</div>
                                    <div class="recommend-tips">10亿亿人的好评</div>
                                </a>
                                <div class="recommend-action">
                                    <a href="javascript:;">加入购物车</a>
                                </div>
                                <div class="recommend-notice">
                                    <a class="notice" href="javascript:;" style="display: none;">成功加入购物车</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-info">
              <div class="container">
                <div class="footer-searve">
                  <ul class="footer-list">
                    <li>
                      <span class="iconfont icon-buoumaotubiao46"></span> 预约维修
                    </li>
                    <li>
                      <span class="iconfont icon-7tiantuihuanhuo"></span>
                      7天无理由退款
                    </li>
                    <li>
                      <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                      15天免费换货
                    </li>
                    <li><span class="iconfont icon-liwu"></span> 满69包邮</li>
                    <li>
                      <span class="iconfont icon-dingwei"></span> 520余家售后网点
                    </li>
                  </ul>
                </div>
                <div class="footer-link">
                  <dl class="col-link">
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                  </dl>
                  <dl class="col-link">
                    <dt>服务中心</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">自动服务</a></dd>
                    <dd><a href="">相关下载</a></dd>
                  </dl>
                  <dl class="col-link">
                    <dt>线下门店</dt>
                    <dd><a href="">小米之家</a></dd>
                    <dd><a href="">服务网点</a></dd>
                    <dd><a href="">授权体验店</a></dd>
                  </dl>
                  <dl class="col-link">
                    <dt>关于小米</dt>
                    <dd><a href="">了解小米</a></dd>
                    <dd><a href="">加入小米</a></dd>
                    <dd><a href="">投资者关系</a></dd>
                    <dd><a href="">企业社会责任</a></dd>
                    <dd><a href="">廉洁举报</a></dd>
                  </dl>
                  <dl class="col-link">
                    <dt>关注我们</dt>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">官方微信</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                  </dl>
                  <dl class="col-link">
                    <dt>特色服务</dt>
                    <dd><a href="">F码通道</a></dd>
                    <dd><a href="">礼物码</a></dd>
                    <dd><a href="">防伪查询</a></dd>
                  </dl>
                  <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a href=""><em class="iconfont icon-xinxi-01"></em>人工客服</a>
                    <div class="follow">
                      关注小米：
                      <a href=""><span class="iconfont icon-xinlangweibo"></span></a>
                      <a href=""
                        ><span class="iconfont icon-weixin"></span>
                        <img src="../img/wx-img.png" alt=""
                      /></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="site-info">
              <div class="container">
                <div class="logo1">小米官网</div>
                <div class="site-text">
                  <p class="sites">
                    <a href=""> 小米商城 </a><span>|</span> <a href=""> MIUI </a
                    ><span>|</span> <a href=""> 米家 </a><span>|</span>
                    <a href=""> 米聊 </a><span>|</span> <a href=""> 多看 </a
                    ><span>|</span> <a href=""> 游戏 </a><span>|</span>
                    <a href=""> 政企服务 </a><span>|</span> <a href=""> 小米天猫店 </a
                    ><span>|</span> <a href=""> 小米集团隐私政策 </a><span>|</span>
                    <a href=""> 小米公司儿童信息保护规则 </a><span>|</span>
                    <a href=""> 小米商城隐私政策 </a><span>|</span>
                    <a href=""> 小米商城用户协议 </a><span>|</span>
                    <a href=""> 问题反馈 </a><span>|</span>
                    <a href=""> Select Location </a>
                  </p>
                  <p class="sites">
                    <a href=""> 北京互联网法院法律服务工作站 </a><span>|</span>
                    <a href=""> 中国消费者协会 </a><span>|</span>
                    <a href=""> 北京市消费者协会 </a><span>|</span>
                  </p>
                  <p>
                    ©
                    <a href="">mi.com</a> 京ICP证110507号
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公网安备11010802020134号</a>
                    <a href="">京网文[2020]0276-042号</a>
                    <br />
                    <a href="">（京）网械平台备字（2018）第00005号</a>
                    <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href=""> 营业执照</a>
                    <a href="">医疗器械质量公告</a>
                    <br />
                    <a href="">增值电信业务许可证</a> 网络食品经营备案
                    京食药网食备202010048
      
                    <a href="">食品经营许可证</a>
                    <br />
      
                    违法和不良信息举报电话：171-5104-4404
                    <a href="">知识产权侵权投诉</a
                    >&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                  </p>
                </div>
                <div class="info-link">
                  <a href=""><img src="../img/anquan-1.png" alt="" /></a>
                  <a href=""><img src="../img/anquan-2.png" alt="" /></a>
                  <a href=""><img src="../img/anquan-3.png" alt="" /></a>
                  <a href=""><img src="../img/anquan-4.png" alt="" /></a>
                  <a href=""><img src="../img/anquan-5.png" alt="" /></a>
                </div>
              </div>
              <div class="site-for">无敌是多么，多么寂寞</div>
            </div>
          </div>
          <div class="home-bar-large">
            <a href="">
              <div class="icon">
                <img src="../img/3.png" alt="" class="static">
                <img src="../img/4.png" alt="" class="hover">
              </div>
              <span class="text">手机APP</span>
              <div class="pop">
                <img src="../img/wx-img.png" alt="">
                <span>扫码领取新人百元礼包</span>
              </div>
            </a>
            <a href="">
              <div class="icon">
                <img src="../img/1.png" alt="" class="static">
                <img src="../img/2.png" alt="" class="hover">
              </div>
              <span class="text">个人中心</span>
              
            </a>
            <a href="">
              <div class="icon">
                <img src="../img/7.png" alt="" class="static">
                <img src="../img/8.png" alt="" class="hover">
              </div>
              <span class="text">售后服务</span>
              
            </a>
            <a href="">
              <div class="icon">
                <img src="../img/5.png" alt="" class="static">
                <img src="../img/6.png" alt="" class="hover">
              </div>
              <span class="text">人工客服</span>
              
            </a>
            <a href="">
              <div class="icon">
                <img src="../img/shoppingcat.png" alt="" class="static">
                <img src="../img/shoppingcat-2.png" alt="" class="hover">
              </div>
              <span class="text">购物车</span>
              
            </a>
            <a href="" class="top">
              <div class="icon">
                <img src="../img/9.png" alt="" class="static">
                <img src="../img/10.png" alt="" class="hover">
              </div>
              <span class="text">回顶部</span>
              
            </a>
          </div>
    </div>
</body>
</html>